<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Liam J Sullivan - Making Web Search Spatial - Searching for {{query}}</title>


<!-- CSS Files -->

<link type="text/css" href="webmedia/VizStyle.css" rel="stylesheet" />


<!--[if IE]><script language="javascript" type="text/javascript" src="webmedia/Jit/excanvas.js"></script><![endif]-->

<!-- JIT Library File -->
<script language="javascript" type="text/javascript" src="webmedia/Jit/jit.js"></script>

<!-- Example File -->
<script language="javascript" type="text/javascript" src="webmedia/Jit/TopicPicker.js"></script>
</head>

<body onload="init({{ DjangoData }});"  >




<div id="container">



    <div id="results">
    
        
        <div id="left-container">
        
            <div id="infovis"></div>   
            
            
            <br />
            
              <div id="summary-container">
              
              
              <!-- Insert top 5 result summaries? -->
              
              <div id="TopFive">
              
              <h4>Top Five Results</h4>
                     
                     {%  for res in TopFiveResults   %}   
                     
                 
                    
                    <p>
                    
                    <a href="{{res.ClickURL}}">{{res.relevance}}.  {{res.Title}}</a>
                    
                   </p>                    
                    
                      <p><i>{{res.Extract}}</i></p>
              
                    
                    
                    
                    {% endfor %}
                    
                    </div>
                    
              
              
              <!-- loop through all results here and create a div for each, set them all hidden and toggle hoverover to make them visable -->
              
               <!-- these divs are hidden and will be toggled on and off by hover over -->

                        
                  {%  for res in ResultObjectsList   %} 
                  
                  
                  <div id="Summary{{res.relevance}}" style="display:none">
                            
                 
                    
                    <p><b>Result</b>  <br /><br />
                    
                    <a href="{{res.ClickURL}}">{{res.Title}}</a>
                                                 
                    </p>
                       
                       
                    
              
                    
               
                    <i>{{res.URL}}</i>
                    
                    <br />
                    <br />
                    
              
                    <b>Ranking:</b> {{res.relevance}}
                    
                      <p><h4>Summary</h4> {{res.Extract}}</p>
              
                    
                    </div>
                    
                     {% endfor %}
                  
          
        
                </div>        
        
        
             
        </div>
        
      
        
        
        
        
        <div id="right-container">
        


        <!--
        
        <a href="#" onMouseOver="elementShow('TestSummary')" onMouseOut="elementHide('TestSummary')">New Toggle!</a>
                       
        
        <a href="#" onMouseOver="toggleDiv('TestSummary',1)" onMouseOut="toggleDiv('TestSummary',0)">Toggle!</a>
        
        -->
            <!-- Use relevance as the unique identifier that will allow trigering the visibility of the correct summary div -->
            
        
        
                <div id="Arts">
                
              
              
                   {%  for res in ResultsArts   %} 
                   
                   
                       
                       <!-- Div gets its ID based on relevance so we can control position and size -->
                       
                       <div id="{{res.relevance|getDivID}}"> 
                           
                            <a href="{{res.ClickURL}}" onMouseOver="elementShow('Summary{{res.relevance}}')" onMouseOut="elementHide('Summary{{res.relevance}}')">{{res.Title|TruncateTitle}}</a>
                       
                       </div>
     
                                
                   
                   {% endfor %}
      
               
               </div>
               
               
                <div id="Business">
                
                
                {%  for res in ResultsBusiness   %} 
                   
                   
                       
                       <!-- Div gets its ID based on relevance so we can control position and size -->
                       
                       <div id="{{res.relevance|getDivID}}"> 
                           
                            <a href="{{res.ClickURL}}" onMouseOver="elementShow('Summary{{res.relevance}}')" onMouseOut="elementHide('Summary{{res.relevance}}')">{{res.Title|TruncateTitle}}</a>
                       
                       
                       </div>
     
                                
                   
                   {% endfor %}


                
                 </div>
                
                
                
                <div id="Games">
                
                {%  for res in ResultsGames   %} 
                   
                   
                       
                       <!-- Div gets its ID based on relevance so we can control position and size -->
                       
                       <div id="{{res.relevance|getDivID}}"> 
                           
                           <a href="{{res.ClickURL}}" onMouseOver="elementShow('Summary{{res.relevance}}')" onMouseOut="elementHide('Summary{{res.relevance}}')">{{res.Title|TruncateTitle}}</a>
                       
                       
                       </div>
     
                                
                   
                   {% endfor %}
                
                </div>
                
                
                
                <div id="Home">
                
                {%  for res in ResultsHome   %} 
                   
                   
                       
                       <!-- Div gets its ID based on relevance so we can control position and size -->
                       
                       <div id="{{res.relevance|getDivID}}"> 
                           
                           <a href="{{res.ClickURL}}" onMouseOver="elementShow('Summary{{res.relevance}}')" onMouseOut="elementHide('Summary{{res.relevance}}')">{{res.Title|TruncateTitle}}</a>
                       
                       
                       </div>
     
                                
                   
                   {% endfor %}
                
                </div> 
                
                
                <div id="Health">
                
                {%  for res in ResultsHealth   %} 
                   
                   
                       
                       <!-- Div gets its ID based on relevance so we can control position and size -->
                       
                       <div id="{{res.relevance|getDivID}}"> 
                           
                           <a href="{{res.ClickURL}}" onMouseOver="elementShow('Summary{{res.relevance}}')" onMouseOut="elementHide('Summary{{res.relevance}}')">{{res.Title|TruncateTitle}}</a>
                       
                       
                       </div>
     
                                
                   
                   {% endfor %}
                   
                
                </div> 
                
                
                <div id="Society">
                
                {%  for res in ResultsSociety   %} 
                   
                   
                       
                       <!-- Div gets its ID based on relevance so we can control position and size -->
                       
                       <div id="{{res.relevance|getDivID}}"> 
                           
                         <a href="{{res.ClickURL}}" onMouseOver="elementShow('Summary{{res.relevance}}')" onMouseOut="elementHide('Summary{{res.relevance}}')">{{res.Title|TruncateTitle}}</a>
                       
                       </div>
     
                                
                   
                   {% endfor %}
                   
                   
                
                
                </div> 
                
                
                <div id="Sports"> 
                
                {%  for res in ResultsSports   %} 
                   
                   
                       
                       <!-- Div gets its ID based on relevance so we can control position and size -->
                       
                       <div id="{{res.relevance|getDivID}}"> 
                           
                           <a href="{{res.ClickURL}}" onMouseOver="elementShow('Summary{{res.relevance}}')" onMouseOut="elementHide('Summary{{res.relevance}}')">{{res.Title|TruncateTitle}}</a>
                       
                       
                       </div>
     
                                
                   
                   {% endfor %}
                   
                
                </div>
                
                
                <div id="Recreation">
                
                {%  for res in ResultsComputers   %} 
                   
                   
                       
                       <!-- Div gets its ID based on relevance so we can control position and size -->
                       
                       <div id="{{res.relevance|getDivID}}"> 
                           
                          <a href="{{res.ClickURL}}" onMouseOver="elementShow('Summary{{res.relevance}}')" onMouseOut="elementHide('Summary{{res.relevance}}')">{{res.Title|TruncateTitle}}</a>
                       
                       
                       </div>
     
                                
                   
                   {% endfor %}
                   
                </div>
                
                <div id="Computers">
             
                
                
                {%  for res in ResultsComputers   %} 
                
                   
                   
                       
                       <!-- Div gets its ID based on relevance so we can control position and size -->
                       
                       <div id="{{res.relevance|getDivID}}"> 
                           
                           <a href="{{res.ClickURL}}" onMouseOver="elementShow('Summary{{res.relevance}}')" onMouseOut="elementHide('Summary{{res.relevance}}')">{{res.Title|TruncateTitle}}</a>
                       
                       
                       </div>
     
                                
                   
                   {% endfor %}
                   
                
                
                </div> 
                
                
                <div id="Science">

                
                {%  for res in ResultsScience   %}   
                   
                       
                       <!-- Div gets its ID based on relevance so we can control position and size -->
                       <!-- This result has a relevance of {{res.relevance}} -->
                       
                       <div id="{{res.relevance|getDivID}}"> 
                           
                          <a href="{{res.ClickURL}}" onMouseOver="elementShow('Summary{{res.relevance}}')" onMouseOut="elementHide('Summary{{res.relevance}}')">{{res.Title|TruncateTitle}}</a>
                       
                       
                       </div>
     
                                
                   
                   {% endfor %}
                   
                   
                
                
                </div>
        
        </div>
        
    </div>



</div>


</body>
</html>
